<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <link rel="stylesheet" type="text/css" href="static/css/default.css"
              media="all" />
        <link rel="stylesheet" type="text/css" href="static/css/layout.css"
              media="all" />
        <link rel="stylesheet" type="text/css" href="static/css/general.css" />
        <link rel="stylesheet" type="text/css"
              href="static/css/jquery.theme.css" media="all" />
        <link rel="stylesheet" type="text/css" href="static/css/jquery.core.css"
              media="all" />

        <link rel="stylesheet" type="text/css"
              href="static/css/jquery.ui.button.css" media="all" />
        <link rel="stylesheet" type="text/css"
              href="static/css/jquery.ui.dialog.css" media="all" />
        <link rel="stylesheet" type="text/css"
              href="static/css/jquery.ui.menu.css" media="all" />
        <link rel="stylesheet" type="text/css"
              href="static/css/jquery.ui.override.css" media="all" />
        <link rel="stylesheet" type="text/css"
              href="static/css/jquery.ui.tab.css" media="all" />
        <link rel="stylesheet" type="text/css"
              href="static/css/list_favorite.css" media="all" />

        <link rel="stylesheet" type="text/css" href="static/css/user-own.css"
              media="all" />
        <link rel="stylesheet" type="text/css" href="static/css/profile.css"
              media="all" />
        <style type='text/css'>
            .progress {
                position: relative;
                width: 200px;
                border: 1px solid #ddd;
                padding: 1px;
                border-radius: 3px;
            }

            .bar {
                background-color: #B4F5B4;
                width: 0%;
                height: 20px;
                border-radius: 3px;
            }

            .percent {
                position: absolute;
                display: inline-block;
                top: 3px;
                left: 48%;
            }
        </style>
        <script type='text/javascript' src='static/js/jquery.min.js'></script>
        <script type='text/javascript' src='static/js/menu.js'></script>
        <script type='text/javascript' src='static/js/jquery.ui.core.js'></script>
        <script type='text/javascript' src='static/js/jquery.ui.widget.js'></script>

        <script type='text/javascript' src='static/js/jquery.ui.button.js'></script>
        <script type='text/javascript' src='static/js/jquery.ui.mouse.js'></script>
        <script type='text/javascript' src='static/js/jquery.ui.position.js'></script>
        <script type='text/javascript' src='static/js/jquery.ui.dialog.js'></script>
        <script type='text/javascript' src='static/js/jquery.ui.tab.js'></script>
        <script type='text/javascript' src='static/js/jquery.form.js'></script>
        <script type='text/javascript' src='static/js/jquery.ui.menu.js'></script>
        <script type='text/javascript' src='static/js/general.js'></script>
        <script type='text/javascript' src='static/js/profile.js'></script>
        <script type='text/javascript'>
        </script>
    </head>
    <body>
        <div class="body">
            <div class="header">
                <div class="float-left text-left login">
                    <span>Welcome lampart.com.</span> <a id="signin" class="sign-in"
                                                         href="index.php?c=logout">Sign out</a>
                </div>

            </div>
            <div class="search">
                <div class="social-connect"></div>
                <div class="logo">
                    <a href="#" title="">Lampart.com</a>
                </div>
                <div class="search-control">
                    <form action="index.php?c=search" method="get" id="search_control">
                        <div class="search-category">
                            <div id="search_title" class="search-title">
                                <span id="search_category_title" style="font-size: 10px;">All </span>
                                <img src="images/arrow_down.png" />
                            </div>
                            <ul id="search_menu" class="search-menu">
                                <li id="0" class="menu-option">All</li>
                                <li id="1" class="menu-option">Male</li>
                                <li id="2" class="menu-option">Female</li>
                            </ul>
                        </div>
                        <input type="hidden" id="search_controller" value="search" name="c" />
                        <input type="hidden" id="search_sex" value="" name="search[sex]" />
                        <input type="text" name="search[name]" size="15" /> <input
                            type="submit" id="search" name="search[search]" value="Search" />
                    </form>
                </div>
            </div>
            <div class="content">
                <div class="left">
                    <div class="control">
                        <a href="index.php">Home</a>
                    </div>
                    <div></div>
                </div>
                <div class="main-content">
                    <div class="profile">
                        <h2>
                            <span class="header-page">List user</span>
                        </h2>
                        <br />
                        <div>
                            <div class="main">
                                <table>
                                    <?php if (!empty($this->users)): ?>
                                        <?php $i=1; foreach ($this->users as $object): ?>
                                            <tr>
                                                <td><?php echo $i; ?></td>
                                                <td><img width="50px" height="50px" src='img/profile/<?php echo empty($object->picture) ? '0.jpeg' : $object->picture; ?>' /></td>
                                                <td><?php echo $object->fullname; ?></td>
                                                <td><a href='index.php?c=index&user=<?php echo $object->username; ?>'>View</a></td>
                                            </tr>
                                        <?php $i++; endforeach; ?>
                                    <?php endif; ?>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class='image-show' id='image_show'>
                    <img id='image_album' class='' src="img/30.jpeg" width="100%"
                         height="100%" />
                </div>


                <form id="update_form" name="update_form" action=""
                      style="display: none;">
                    <input type='text' value="" id="" name="" /> <input type="hidden"
                                                                        id="token" name="token" value="<?php echo $this->_token; ?>" />
                </form>

                </body>
                </html>
